<template>
  <div class="internal-box">
    <div class="internal-left">
      <slot name="left"></slot>
    </div>
    <div class="internal-right hw-box-tb-padding">
      <slot name="right"></slot>
    </div>
  </div>
</template>

<script setup lang="ts">
// @ts-nocheck
</script>

<style lang="less" scoped>
.internal-box {
  display: flex;
  width: 100%;
  height: 80vh;
  // min-height: 100%;
}
.internal-left {
  width: 277px;
  height: 100%;
  border-radius: @radius-hw-box1;
  border: 1px solid #d2ad77;
  background: #fff;
}
.internal-right {
  flex: 1;
  min-height: 100%;
  overflow-y: auto;
  padding-right: 0;
  padding-left: 20px;
}
.internal-right::-webkit-scrollbar {
  display: none;
}
</style>
